:root {
    --mbgcl: #ddd;
    /* main background color */
    --mcl: #111c;
    /* main color */
}

* {
    background-color: none;
    border: none;
    text-decoration: none;
    color: var(--mcl);
}

body {
    background-color: var(--mbgcl);
}

body div:nth-child(n) {
    position: absolute;
    border: solid 1px #3337;
}

body div :nth-child(1+2n) {
    display: inline;
}

body div.header {
    left: 0%;
    top: 0%;
    width: 100%;
    height: 10%;
}

body div.mune {
    left: 0%;
    top: 10%;
    width: 25%;
    height: 90%;
    overflow: auto;
    font-size: 4px;
}

body div.mune dl a {
    color: #1118;
}

body div.main {
    left: 25%;
    top: 10%;
    width: 75%;
    height: 90%;
    overflow: auto;
    transition: ease-in-out 0.3s;
}

body div.main div {
    margin-bottom: 21px;
}

body div.main div:nth-child(n) {
    border: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    position: static;
    display: block;
}

body div.main div p:nth-child(1) {
    /* color: ; */
    font-size: 20px;
}

body div.main div p:nth-child(2) {
    /* color: ; */
    font-size: 10px;
}


/* body div.main div p:nth-child() {
    /* color: ; *\/
    font-size: 20px;
} */